a {
  text-decoration: none;
  color: #333;
}

* {
  outline: none;
  margin: 0;
  padding: 0;
}
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

.w100 {
  width: 100% !important;
}
.m-0 {
  margin: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5rpx !important;
}
.ml-8 {
  margin-left: 8rpx !important;
}

.m-10 {
  margin: 10rpx !important;
}

.ml-10 {
  margin-left: 10rpx !important;
}
.ml-12 {
  margin-left: 12rpx !important;
}

.m-15 {
  margin: 15rpx !important;
}

.ml-15 {
  margin-left: 15rpx !important;
}

.m-20 {
  margin: 20rpx !important;
}

.ml-20 {
  margin-left: 20rpx !important;
}

.ml {
  margin-left: 24rpx !important;
}

.m-30 {
  margin: 30rpx !important;
}

.ml-30 {
  margin-left: 30rpx !important;
}
.ml-50 {
  margin-left: 50rpx !important;
}
.ml-80 {
  margin-left: 80rpx !important;
}

.ml-100 {
  margin-left: 100rpx !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5rpx !important;
}
.mt-8 {
  margin-top: 8rpx !important;
}
.mt-10 {
  margin-top: 10rpx !important;
}

.mt-12 {
  margin-top: 12rpx !important;
}

.mt-15 {
  margin-top: 15rpx !important;
}

.mt-20 {
  margin-top: 20rpx !important;
}

.mt {
  margin-top: 24rpx !important;
}

.mt-30 {
  margin-top: 30rpx !important;
}

.mt-100 {
  margin-top: 100rpx !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5rpx !important;
}
.mr-6 {
  margin-right: 6rpx !important;
}
.mr-8 {
  margin-right: 5rpx !important;
}

.mr-10 {
  margin-right: 10rpx !important;
}
.mr-12 {
  margin-right: 12rpx !important;
}
.mr-15 {
  margin-right: 15rpx !important;
}

.mr-20 {
  margin-right: 20rpx !important;
}

.mr-24 {
  margin-right: 24rpx !important;
}

.mr-50 {
  margin-right: 50rpx !important;
}

.mr {
  margin-right: 24rpx !important;
}

.mr-30 {
  margin-right: 30rpx !important;
}

.mr-80 {
  margin-right: 80rpx !important;
}
.mr-100 {
  margin-right: 100rpx !important;
}
.mr-200 {
  margin-right: 200rpx !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5rpx !important;
}
.mb-8 {
  margin-bottom: 8rpx !important;
}

.mb-10 {
  margin-bottom: 10rpx !important;
}

.mb-12 {
  margin-bottom: 12rpx !important;
}

.mb-15 {
  margin-bottom: 15rpx !important;
}

.mb-20 {
  margin-bottom: 20rpx !important;
}

.mb-24 {
  margin-bottom: 24rpx !important;
}

.mb-30 {
  margin-bottom: 30rpx !important;
}

.mb-100 {
  margin-bottom: 100rpx !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.p-5 {
  padding: 5rpx !important;
}

.pt-5 {
  padding-top: 5rpx !important;
}
.pt-8 {
  padding-top: 8rpx !important;
}

.pt-10 {
  padding-top: 10rpx !important;
}

.pt-15 {
  padding-top: 15rpx !important;
}

.pt-20 {
  padding-top: 20rpx !important;
}

.my-5 {
  margin-top: 5rpx !important;
  margin-bottom: 5rpx !important;
}

.my-10 {
  margin-top: 10rpx !important;
  margin-bottom: 10rpx !important;
}

.my-12 {
  margin-top: 12rpx !important;
  margin-bottom: 12rpx !important;
}

.my-15 {
  margin-top: 15rpx !important;
  margin-bottom: 15rpx !important;
}

.mx-5 {
  margin-right: 5rpx !important;
  margin-left: 5rpx !important;
}

.mx-12 {
  margin-right: 12rpx !important;
  margin-left: 12rpx !important;
}

.mx-10 {
  margin-right: 10rpx !important;
  margin-left: 10rpx !important;
}

.mx-15 {
  margin-right: 15rpx !important;
  margin-left: 15rpx !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-5 {
  padding-top: 5rpx !important;
  padding-bottom: 5rpx !important;
}

.py-10 {
  padding-top: 10rpx !important;
  padding-bottom: 10rpx !important;
}

.py-12 {
  padding-top: 12rpx !important;
  padding-bottom: 12rpx !important;
}

.py-15 {
  padding-top: 15rpx !important;
  padding-bottom: 15rpx !important;
}

.py-24 {
  padding-top: 24rpx !important;
  padding-bottom: 24rpx !important;
}

.rpx-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.rpx-5 {
  padding-right: 5rpx !important;
  padding-left: 5rpx !important;
}
.rpx-8 {
  padding-right: 8rpx !important;
  padding-left: 8rpx !important;
}

.rpx-10 {
  padding-right: 10rpx !important;
  padding-left: 10rpx !important;
}

.rpx-12 {
  padding-right: 12rpx !important;
  padding-left: 12rpx !important;
}

.rpx-15 {
  padding-right: 15rpx !important;
  padding-left: 15rpx !important;
}

.rpx-24 {
  padding-right: 24rpx !important;
  padding-left: 24rpx !important;
}

.pt-100 {
  padding-top: 100rpx !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5rpx !important;
}

.p-10 {
  padding: 10rpx !important;
}
.p-12 {
  padding: 12rpx !important;
}

.p-15 {
  padding: 15rpx !important;
}

.p-50 {
  padding: 50rpx !important;
}

.pb-10 {
  padding-bottom: 10rpx !important;
}
.pb-12 {
  padding-bottom: 12rpx !important;
}

.pb-15 {
  padding-bottom: 15rpx !important;
}

.pb-20 {
  padding-bottom: 20rpx !important;
}

.pb-100 {
  padding-bottom: 100rpx !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-8 {
  padding-left: 8rpx !important;
}
.pl-10 {
  padding-left: 10rpx !important;
}
.pl-12 {
  padding-left: 12rpx !important;
}

.pl-15 {
  padding-left: 15rpx !important;
}

.pl-20 {
  padding-left: 20rpx !important;
}

.pl-30 {
  padding-left: 30rpx !important;
}
.pl-50 {
  padding-left: 50rpx !important;
}
.pl-80 {
  padding-left: 80rpx !important;
}

.pl-100 {
  padding-left: 100rpx !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-10 {
  padding-right: 10rpx !important;
}
.pr-12 {
  padding-right: 12rpx !important;
}

.pr-15 {
  padding-right: 15rpx !important;
}

.pr-20 {
  padding-right: 20rpx !important;
}

.pr-30 {
  padding-right: 30rpx !important;
}

.pr-100 {
  padding-right: 100rpx !important;
}
.flex {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.flex1 {
  flex: 1;
}
.aic {
  align-items: center;
}
.aie {
  align-items: end;
}
.flex-start {
  justify-content: start;
}
.flex-end {
  justify-content: end;
}
.flex-center {
  justify-content: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-around {
  justify-content: space-around;
}
.flex-evenly {
  justify-content: space-evenly;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fz-12 {
  font-size: 12rpx !important;
}
.fz-14 {
  font-size: 14rpx !important;
}
.fz-16 {
  font-size: 16rpx !important;
}
.fz-18 {
  font-size: 18rpx !important;
}
.fz-20 {
  font-size: 20rpx !important;
}
.fz-22 {
  font-size: 22rpx !important;
}
.fz-24 {
  font-size: 24rpx !important;
}
.must {
  color: red;
  margin-right: 4rpx;
  position: relative;
  top: 2rpx;
}
.pointer {
  cursor: pointer;
}
